<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="utf-8">
    <title>.....精灵</title>

    <!--bootstrap-->
    <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="navbar-wrapper">
    <div class="container-fluid">

        <nav class="navbar navbar-inverse navbar-static-top">
            <div class="container-fluid">
                <div class="col-lg-2">
                    <a class="navbar-brand" href="#"><b>....服务精灵</b></a>
                </div>
                <div id="navbar" class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav ">
                        <li class=""><a href="#">地图查询</a></li>
                        <li class=""><a href="#">预约面试</a></li>
                        <li class=""><a href="#">车位查询</a></li>
                        <li class=""><a href="#">周边推荐</a></li>
                    </ul>

                </div>
            </div>
        </nav>

    </div>
</div>


<!-- Carousel
================================================== -->
<div class="container-fluid">

    <div style="width:100%;height:400px">
        <!--插入幻灯片的规格高度必须是400px,好看-->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class=""></li>
            <li class="active" data-target="#myCarousel" data-slide-to="1"></li>
            <li class="" data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active left">
                <img class="first-slide" src="/images/1.jpg" alt="First slide">
                <div class="container">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>
            <div class="item next left">
                <img class="second-slide" src="/images/2.jpg" alt="Second slide">
                <div class="container">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="third-slide" src="/images/3.jpg" alt="Third slide">
                <div class="container">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div><!-- /.carousel -->

    </div><!--图片控制高度-->

</div>
<hr/>
<hr/>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div class="container-fluid marketing">

    <div class="row text-center">
        <div class="col-lg-3">
            <img class="img-circle" src="" alt="Generic placeholder image" height="140" width="140">
            <h2><button class="button">地图查询</button></h2>
            <p>1111</p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-3">
            <img class="img-circle" src="" alt="Generic placeholder image" height="140" width="140">
            <h2><button class="button">预约、面试</button></h2>
            <p>2222</p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-3">
            <img class="img-circle" src="" alt="Generic placeholder image" height="140" width="140">
            <h2><button class="button">车位查询</button></h2>
            <p>3333</p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-3">
            <img class="img-circle" src="" alt="Generic placeholder image" height="140" width="140">
            <h2><button class="button">周边推荐</button></h2>
            <p>4444</p>
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->



    <hr/>
    <hr/>
    <!-- FOOTER -->
    <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>© 2015  ....服务精灵· <a href="#">Privacy</a> · <a href="#">Terms</a></p>
    </footer>

</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->



    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
</body>
</html>

